<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="css/style.css" media="screen, projection">
        <title>JSP Page</title>
    </head>
    <body>
        <div id="header">
            <h1 id="logo">Gandalf</h1>
            <ul id="nav">
                <li><a href="#about">Dogodki</a></li>
                <li><a href="#contact">Kontakt</a></li>
                <li><a href="<%= stranka!=null ? "logout.jsp" : "login.jsp" %>"><%= stranka!=null ? "Odjava" : "Prijava" %></a></li>
            </ul>
        </div><!-- header -->
        <div id="section">



            <div class="form-section" id="how">
                <h2>3. How You'll Pay</h2>
                <fieldset>
                    <legend>Payment Information</legend>
                    <ul>
                        <li>
                            <input type="radio" id="Card" value="Card" name="mf_cardtype" title="Card" checked="checked">
                            <label for="Card" id="cc-card">Visa / Mastercard / Discover / AMEX</label>
                            <input type="radio" id="PayPal" value="PayPal" name="mf_cardtype" title="PayPal">
                            <label for="PayPal" title="Pay with PayPal" id="cc-paypal">PayPal</label>
                        </li>
                        <li>
                            <label for="cardnumber" class="info">Card Number:</label>
                            <input name="cpi_card-number" id="cardnumber" type="text" title="The card number." class="required-card">
                        </li>

                        <li>
                            <label for="expiration-date" class="info">Expiration Date:</label>
                            <select name="cpi_card-month" title="The month your card expires.">
                                <option value="01">01</option>
                                <option value="02">02</option>
                                <option value="03">03</option>
                                <option value="04">04</option>
                                <option value="05">05</option>
                                <option value="06">06</option>
                                <option value="07">07</option>
                                <option value="08">08</option>
                                <option value="09">09</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                            </select> /
                            <select name="cpi_card-year" title="The year your card expires.">
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                                <option value="13">13</option>
                                <option value="14">14</option>
                                <option value="15">15</option>
                                <option value="16">16</option>
                                <option value="17">17</option>
                                <option value="18">18</option>
                                <option value="19">19</option>
                                <option value="20">20</option>
                            </select>
                        </li>

                        <li>
                            <label for="cvv-code" class="info">Card Security Code:</label>
                            <input name="cpi_card-security" id="cvv-code" type="text" title="The card security code, found on the back of your card.">
                        </li>
                    </ul>
                </fieldset>

                <div id="submit-order">
                    <label for="Submit">Your Total <em>$<span id="order-total">99.00</span> USD</em></label>
                    <div class="elist-signup">
                        <input type="hidden" name="listNew" value="e-coda">
                        <input type="checkbox" name="listSignup" value="true" checked="checked">
                        <label for="listSignup">Yes, e-mail me when there are important Panic updates!</label>
                    </div>

                    <input name="Submit" value="Process My Order!" title="Done! Process my Order!" type="submit" id="progressButton">

                </div>




            </div>
        </div>
    </body>
</html>
